@import "../../../both/mixin";

.person_menu_cr.bln{
  position: relative;
  background-color : #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);

  @include cf("ul.menu_list");
  ul.menu_list{
    list-style: none;
    display: block;

    li.menu_item{
      display: block;
      float: left;
      width : 240px;
      height : 120px;
      text-align: left;

      &:before{
        display: inline-block;
        content : "";
        height : 100%;
        vertical-align: middle;
      }

      &.active{
        transition: .3s all;
        margin-top : -4px;
      }

      a{

        display: inline-block;
        text-decoration: none;
        height : 40px;
        width : 240px;
        padding: 0 20px;
        border-right : 1px solid #D9DDE1;
        vertical-align: middle;

        img{
          height : 33px;
          width : 36px;
        }

        div.direct_intro{

          display: inline-block;
          margin-left : 12px;

          div.title{
            color : #000000;
            font-size : 18px;
          }

          div.info{
            color : #BDC0C4;
            font-size : 14px;
          }

        }

      }

      &:last-child{
        a{
          border-right : 0px;
        }
      }

    }
  }
}